<template>
  <div>
    <div class="title-box">
      <div class="font-26">渠道及区域代理合作</div>
      <span class="border-bottom"></span>
    </div>
    <div class="content-item">
      <div class="font-16">线上代理合作</div>
      <div class="item-img-box">
        <img class="icon-img" src="../../../assets/icon/icon_tmall.png" alt="">
        <img class="icon-img" src="../../../assets/icon/icon_jd.png" alt="">
        <img class="icon-img" src="../../../assets/icon/icon_kaola.png" alt="">
        <img class="icon-img" src="../../../assets/icon/icon_xhs.png" alt="">
        <img class="icon-img" src="../../../assets/icon/icon_taobao.png" alt="">
        <img class="icon-img" src="../../../assets/icon/icon_vph.png" alt="">
        <img class="icon-img" src="../../../assets/icon/icon_i.png" alt="">
      </div>
    </div>
    <div class="content-item">
      <div class="font-16">区域代理合作<span class="font-12">（华东地区）</span></div>
      <div class="item-img-box">
        <img class="map-img" src="../../../assets/map/map_01.png" alt="">
        <img class="map-img" src="../../../assets/map/map_02.png" alt="">
        <img class="map-img" src="../../../assets/map/map_03.png" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'BusinessChannel'
}
</script>

<style lang="stylus" scoped>
  @import "~common/stylus/variable.styl"
  .title-box
    margin-top 1rem
    display flex
    flex-direction column
    align-items center
    .font-26
      color $color-black
    .border-bottom
      padding-top .24rem
      width .32rem
      border-bottom 0.08rem solid $color-black
  .content-item
    display flex
    flex-direction column
    align-items flex-start
    .font-16
      margin-left .24rem
      line-height .8rem
      border-bottom #999 .02rem solid
      margin-bottom .24rem
    .item-img-box
      display flex
      flex-direction row
      justify-content space-around
      flex-wrap wrap
      .icon-img
        width 25%
        margin .24rem
      .map-img
        margin-top .5rem
        width 30%
</style>
